<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>联系我们</title>
  <link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/contact.css">

</head>
<body>
   <header class="navbar" id="navbar" style="background-image: url('./image/banner-1.jpg');background-size: cover;">
      <a href="./index.html" class="logo"><img src="./image/logo.png" alt=""></a>
      <nav class="menu">
          <a href="./index.html" >首页</a>
          <a href="#">下载文件</a>
          <a href="#">投递</a>
          <a href="#" style="color: #ff6900; font-size: 1.15rem;">联系我们</a>
      </nav>
      <div class="auth">
          <a target="_blank" href="../login_register/login.html">登录</a>
          <span class="gap">|</span>
          <a target="_blank" href="../login_register/register.html">注册</a>
      </div>
  </header>
<section class="get-in-touch">
   <h1 class="title">Get in touch</h1>
   <form class="contact-form row">
      <div class="form-field col x-50">
         <input id="name" class="input-text js-input" type="text" required>
         <label class="label" for="name">Name</label>
      </div>
      <div class="form-field col x-50">
         <input id="email" class="input-text js-input" type="email" required>
         <label class="label" for="email">E-mail</label>
      </div>
      <div class="form-field col x-100">
         <input id="message" class="input-text js-input" type="text" required>
         <label class="label" for="message">Message</label>
      </div>
      <div class="form-field col x-100 align-center">
         <input class="submit-btn" type="submit" value="Submit">
      </div>
   </form>
</section>
  <script src='./js/jquery-2.1.1.min.js'></script>
  <script  src="./js/contact.js"></script>

</body>
</html>
